<div class="components_List_Status_Status"><div class="status">
  <div v-if="status.loading || status.refreshing" class="center">
    <slot name="loading"></slot>
    <span v-if="loadingText">{{loadingText}}</span>
  </div>
  <div class="center" v-else-if="status.beforeLoad" @click="_load">
    <slot name="beforeLoad"></slot>
    <span v-if="beforeLoadText">{{beforeLoadText}}</span>
  </div>
  <div class="center" v-else-if="status.noData">
    <slot name="noData"></slot>
    <span v-if="noDataText">{{noDataText}}</span>
  </div>
  <div class="center" v-else-if="status.loadErr" @click="_load">
    <slot name="loadErr"></slot>
    <span v-if="loadErrText">{{loadErrText}}</span>
  </div>
  <div class="center" v-else-if="status.allLoaded">
    <slot name="allLoaded"></slot>
    <span v-if="allLoadedText && count > 10">{{allLoadedText}}</span>
  </div>
  <div class="center" v-else @click="_load">
    <slot name="loadMore"></slot>
    <span v-if="loadMoreText">{{loadMoreText}}</span>
  </div>
  <slot></slot>
</div></div>